import Vue from "vue";
import vuescroll from "vuescroll";

// You can set global config here.
Vue.use(vuescroll, {
  ops: {
    // The global config
  },
  name: "vueScroll" // customize component name, default -> vueScroll
});

/**
 * or
 */
Vue.prototype.$vuescrollConfig = {
  vuescroll: {
    mode: "native", //选择一个模式, native 或者 slide(pc&app)
    sizeStrategy: "percent", //如果父容器不是固定高度，请设置为 number , 否则保持默认的percent即可。
    detectResize: true //是否检测内容尺寸发生变化。
  },

  scrollPanel: {
    initialScrollY: false,
    initialScrollX: false,
    scrollingX: false,
    scrollingY: true,
    easing: undefined,
    verticalNativeBarPos: "right",
    maxHeight: undefined,
    maxWidth: undefined
  },

  //轨道
  rail: {
    background: "#DC143C", //轨道背景色
    opacity: 0, //透明度
    size: "6px", //尺寸
    specifyBorderRadius: false, //是否指定轨道的 borderRadius， 如果不那么将会自动设置
    gutterOfEnds: null, //轨道距 x 和 y 轴两端的距离。
    gutterOfSide: "0", //距离容器的距离。
    keepShow: false //是否即使 bar 不存在的情况下也保持显示。
  },
  bar: {
    showDelay: 500, //在鼠标离开容器后多长时间隐藏滚动条。
    onlyShowBarOnScroll: true, //是否只在滚动时显示 bar。
    keepShow: false, //滚动条是否保持显示。
    background: "#4A8FD4", //滚动条背景色。
    opacity: 1, //透明度
    hoverStyle: false,
    specifyBorderRadius: false, //是否指定滚动条的 borderRadius
    minSize: false, //为 bar 设置一个最小尺寸, 从 0 到 1. 如 0.3, 代表 30%
    size: "6px", //bar 的尺寸。
    disable: false //是否禁用滚动条。
  }
};
